<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <title>分类页</title>
    <link rel="stylesheet" href="../librarys/font-awesome-4.5.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../styles/css-mb.css">
</head>
<body>
    <!--套餐名称-->
    <div class="class-title">
        <div class="class-title-content">
            <div class="class-title-img">
                <img src="../images/detail(mb)-banner.jpg">
            </div>
        </div>
        <div class="class-title-txt-content">
            <div class="class-title-txt">
                <p>婚礼摄影跟拍单机位</p>
                <p><span>¥3999.00</span><del>¥4300.00</del></p>
            </div>
        </div>
    </div>
    <!--类型-->
    <div class="class-title">
        <span>类型</span>
        <div class="class-type">
            <ul>
                <li class="on">单机位<b><img src="../images/detail-icon.png"></b></li>
                <li>单机位单机位<b><img src="../images/detail-icon.png"></b></li>
                <li>单机位单机位<b><img src="../images/detail-icon.png"></b></li>
                <li>单机位<b><img src="../images/detail-icon.png"></b></li>
                <li>单机位<b><img src="../images/detail-icon.png"></b></li>
                <li>单机位<b><img src="../images/detail-icon.png"></b></li>
                <li>单机位单机位<b><img src="../images/detail-icon.png"></b></li>
                <li>单机位<b><img src="../images/detail-icon.png"></b></li>
            </ul>
        </div>
    </div>
    <!--购买数量-->
    <div class="class-quantity">
        <span>购买数量</span>
        <div class="shop1-cart-content-people">
            <a href="#" class="qianzheng1-main-visa-people-minus">-</a>
            <input class="qianzheng1-main-visa-people-input" value="1" readonly="readonly">
            <a href="#" class="qianzheng1-main-visa-people-plus">+</a>
        </div>
    </div>
    <!--底部固定导航条-->
    <div class="class-foot">
        <a href="order-mb.html">立即预约</a>
        <a href="detail-mb.html">确定</a>
    </div>
<script src="../librarys/superslider/jquery1.42.min.js"></script>
<script>
    $(document).ready(function () {
        $('.class-type ul li').click(function () {
            $('.class-type ul li').removeClass('on');
            $(this).addClass('on');
        })
    })
</script>
    <script type="text/javascript">
        $(document).ready (function ()
        {
            $ (".qianzheng1-main-visa-people-minus").click (function ()
            {
                var me = $ (this), txt = me.next (":text");
                var val = parseFloat (txt.val ());
                val = val < 1 ? 1 : val;
                txt.val (val - 1);
                return false;
            });

            $(".qianzheng1-main-visa-people-plus").click (function ()
            {
                var me = $ (this), txt = me.prev (":text");
                var val = parseFloat (txt.val ());
                txt.val (val + 1);
                return false
            });
        })

    </script>
</body>
</html>